<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p class="content"></p>
    <script>
        /* 
            例如 ：二零二二年六月二十四日 十六时六分三十二秒
            1.10-20 之间 十一 、 十二、十三 。。。。
            20 以后 二十一 二十二 二十三 ....
            3.20,30,40 50... 二十 三十 四十
            4.不需要考虑 60以上
        */

        // 把数字转成 汉字  ；
        // 10  十  20 二十  30 三十 

        // 一、可以把 0-60 转成 汉字的函数 

        function getWords(num){
            // 1.num 的值 在0-10 之间 
            var arr = ["零","一","二","三","四","五","六","七","八","九","十"];
            var str;
            if(0<=num && num<=10){
                str = arr[num];
            }else if(num>10 && num<20){
                var num = num + "";
                console.log(num[1]);  // 个位 
                str = "十"+ arr[num[1]]
            }else if(num>20 && num%10!=0){
                //  30 40 50 ---> 三十
                // 31  45  56  ---> 四十五
                var num = num + "";
                // 45
                // 4  num[0]  5 num[1]
                // arr[num[0]] 四
                str = arr[num[0]] + "十" + arr[num[1]];
            }else if(num>=20 && num%10==0){
                // 20 30 40 50 ---> 三十
                var num = num + ""; 
                // 40  ---> 4  ----arr[4]  --- 四
                str = arr[num[0]]+ "十";
            }
            // 通过传入的数字 返还 汉字 
            return str;
        }


    //   var word =   getWords(20);
    //   console.log(word);

    function getTime(){
        // 二、获取时间
    var time = new Date();
    // 年
    var year = getyearstr( time.getFullYear());
    // console.log(year);
    // 月 
    var month = getWords(time.getMonth()+1);
    // console.log(month);
    // 日 
    var day = getWords(time.getDate());
    // console.log(day);

    // 时
    var hour = getWords(time.getHours());

    // 分
    var minute = getWords(time.getMinutes());

    // 秒 
    var second = getWords(time.getSeconds());

    var pEle = document.getElementsByClassName("content")[0];
    pEle.innerHTML = `${year}年 ${month}月 ${day}日 ${hour}时 ${minute}分 ${second}秒`;

    }

    getTime();
    setInterval(getTime,1000);
    
    function getyearstr(year){
        year = year+"";
        var str = "";
        for(var i=0;i<year.length;i++){
            // console.log(year[i]); // 2  0  2 2
            var res = getWords(year[i]);
            str += res;
        }
        // console.log(str);
        return str;
    }

        

    </script>
</body>
</html>